<style>
    div.calm {
        background: linear-gradient(120deg, #FFFFFF 5%, #FFEEDD 10%, #D2DFE7 15%, #B2A080 25%, #0E7172 40%, #045A6D 55%, #00202A 70%, #021318 85%);
        padding: 375px;
        border-radius: 50%;
        width: 5%;
        height: 5%;
        margin: auto;
        position: relative;
  }

  div.calm p {
    color: #D2DFE7;
    font-family: Didot, serif;
    font-weight: bold;
    font-size: 400%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 35%;
    width: 100%;
}
</style>

<div class="calm"><p>Calm</p></div>
